<script setup lang="ts">
import { useIndicatorTable } from './ViewManage'

const { vLoading, tableData, getTableData }
  = useIndicatorTable()

onMounted(() => {
  getTableData()
})

defineExpose({
  getTableData,
})
</script>

<template>
  <div class="view-manage relative">
    <ElTable
      v-loading
      :data="tableData"
      align="center"
      show-overflow-tooltip
      style="width: 100%"
    >
      <ElTableColumn prop="indicatorName" label="指标名称" />
      <ElTableColumn
        label="指标类别"
        prop="indicatorTypeName"
      />
      <ElTableColumn
        label="测点点位号"
        prop="indicatorCode"
      />
      <ElTableColumn prop="unitName" label="指标单位" />
      <template #empty>
        <TableEmpty />
      </template>
    </ElTable>
  </div>
</template>
